<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<!--[if IE 6]>
	<link href="css/ie6.css" type="text/css" rel="stylesheet" />

    <script src="js/dd_belated_png.js"></script>
	<script>DD_belatedPNG.fix('#logo a, .h-box-1 img, .h-box-2 img, .brochure img');</script>  
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/slideswitch.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Liberation_Sans_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');	
	Cufon.replace('h3');
	Cufon.replace('h4');							   	
</script>

<title>about us</title>
</head>

<body>
<div id="body-wrapper">
    <div class="clearfix">
        <div id="logo">
            <a href="homepage.html">Media consult logo</a>
            <p class="logo-desc">your attractive and simple slogan</p>
        </div>
        <form action="#" method="post">
            <fieldset class="search-fieldset">
                <input type="text" class="search-input" value="search" name="search" />
                <input type="submit" value="" class="input-arrow" />
            </fieldset>
        </form>
    </div>	
    
    <div class="main-menu-wrapper">
        <div id="myslidemenu" class="jqueryslidemenu">
            <ul class="primary-menu">
                <li><a href="homepage.html">Home</a></li>
                <li class="selected"><a href="about_us.html">About Us</a></li>
                <li><a href="services.html">Services</a>
                	<ul>
                        <li><a href="#">Corporate Publishing</a></li>
                        <li><a href="#">Interactive &amp; Onscreen Production</a></li>	
                        <li><a href="#">Advertising</a></li>   
                        <li><a href="#">Event Management</a></li>   
                        <li><a href="#">Integrated Communications</a></li>                                                                    
                        <li><a href="#">Public Relations</a></li>                                                  
                    </ul>
                </li>
                <li><a href="#">Page Types</a>
                    <ul>
                        <li><a href="homepage.html">Index Page</a></li>
                        <li><a href="about_us.html">About Us</a></li>	
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="#">Blog - submenu entry</a>
                            <ul>
                                <li><a href="blog_itemlist.html">Blog Item List</a></li>
                                <li><a href="blog_detail.html">Blog Item Detail</a></li>
                            </ul>                
                        </li>
                        <li><a href="#">Other pages - submenu entry</a>
                            <ul>
                                <li><a href="article_detail.html">Article Detail</a></li>                    
                                <li><a href="news_list.html">News Page</a></li>                                                
                                <li><a href="services.html">Our Services</a></li>                                                                        
                                <li><a href="portfolio.html">Portfolio</a></li>                                                          
                                <li><a href="contact.php">Contact</a></li>   
                            </ul>                          
                        </li>                                         
                    </ul>
                </li>
                <li><a href="blog_itemlist.html">Blog</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="left">
		<div class="interior-header">
        	<h2>About Us</h2>
            <p class="intheader-paragraph">
            	Ever wondered who we are and what we do ? This paragraph can be extended, the design of this template is very flexible and you can write here 
                as much text / information as you desire.
            </p>
        </div>
        <div class="interior-content">
        	<h4>A couple of things you should know</h4>   
        	<p>
            	Persius tractatos eos at, eam ne sonet minimum contentiones. Vix puto noster putant id, sit labore latine suscipit et. 
                Vero contentiones te est, ut pro <strong>quas natum</strong> feugait. Autem vitae blandit an eum.
            </p>
        	<p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea <a href="#">commodo</a> consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </p>  
            <p>
                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.            
            </p>   
            
            <h4>Our Values - A list example</h4>  
            <ul class="interior-list">
                <li><span>Ingeniosity</span></li>
                <li><span>Clarity</span></li>
                <li><span>Performance</span></li>
                <li><span>Initiative</span></li>
                <li><span>Learning &amp; Leadership</span></li>
                <li><span>Customer insight</span></li>
            </ul> 
            <h4>A table example</h4>   
            <table cellpadding="0" cellspacing="0" class="tbl">
            	<thead>
                	<tr>
                    	<td class="td-1">Prodesset</td>
                    	<td class="td-2">Ornatus</td>
                    	<td class="td-3">Interesset</td>   
                    	<td class="td-4">Comprehensam</td>
                    	<td class="td-5">Mandamus</td>                                                                      
                    </tr>                
                </thead>
                <tfoot>
                	<tr>
                    	<td></td>
                    </tr>                
                </tfoot>
                <tbody>
                	<tr class="odd">
                    	<td class="td-1">Eam hinc</td>
                    	<td class="td-2">Prompta oportere</td>
                    	<td class="td-3">Deterruisset</td>
                    	<td class="td-4">Lorem ipsum</td>
                    	<td class="td-5">Appellantur</td>                                                
                    </tr>
                	<tr class="even">
                    	<td class="td-1">Appellantur</td>
                    	<td class="td-2">Ornatus</td>
                    	<td class="td-3">Interesset</td>
                    	<td class="td-4">Scripserit</td>
                    	<td class="td-5">Sefinitionem</td>                                                
                    </tr>  
                	<tr class="odd">
                    	<td class="td-1">Prodesset</td>
                    	<td class="td-2">Aeterno</td>
                    	<td class="td-3">Homero</td>
                    	<td class="td-4">Eam hinc</td>
                    	<td class="td-5">Mandamus oportere</td>                                                
                    </tr>   
                	<tr class="even">
                    	<td class="td-1">Vivendum</td>
                    	<td class="td-2">442 eam</td>
                    	<td class="td-3">6783 set</td>
                    	<td class="td-4">139 euismod</td>
                    	<td class="td-5">1277 rec</td>                                                
                    </tr> 
                	<tr class="odd">
                    	<td class="td-1">Deterruisset</td>
                    	<td class="td-2">Scripserit</td>
                    	<td class="td-3">Interesset</td>
                    	<td class="td-4">Comprehensam</td>
                    	<td class="td-5">Vivendum</td>                                                
                    </tr>  
                	<tr class="even">
                    	<td class="td-1">Vivendum</td>
                    	<td class="td-2">442 eam</td>
                    	<td class="td-3">6783 set</td>
                    	<td class="td-4">139 euismod</td>
                    	<td class="td-5">1277 rec</td>                                                
                    </tr> 
                	<tr class="odd">
                    	<td class="td-1">Deterruisset</td>
                    	<td class="td-2">Scripserit</td>
                    	<td class="td-3">Interesset</td>
                    	<td class="td-4">Comprehensam</td>
                    	<td class="td-5">Vivendum</td>                                                
                    </tr>                                                                                                                    
                </tbody>
            </table>
		</div>
        <h4>Headers index:</h4><br />
        <h1>Header 1 example</h1><br />
        <h2>Header 2 example</h2><br />
        <h3>Header 3 example</h3><br />
        <h4>Header 4 example</h4><br />
        <h5>Header 5 example</h5><br />
        <h6>Header 6 example</h6>                                        
        
    </div>
    <div id="right">
    	<div class="latest-news"><!-- latest news section -->
        	<h3>Latest news</h3>
            <ul class="ln-list">
                <li>
                    <h6><a href="#">Our company organises workshop for ...</a></h6>
                    <p>Supendisse sit amet est odio. Suspendisse semper, tur pi eget feugiat venenatis, diam turpis euismod, nisl...</p>
					<div class="ln-date">September 4th, 2009</div>
                </li>
                <li>
                    <h6><a href="#">Our company organises workshop for ...</a></h6>
                    <p>Supendisse sit amet est odio. Suspendisse semper, tur pi eget feugiat venenatis, diam turpis euismod, nisl...</p>
					<div class="ln-date">September 4th, 2009</div>                    
                </li>
                <li>
                    <h6><a href="#">Our company organises workshop for ...</a></h6>
                    <p>Supendisse sit amet est odio. Suspendisse semper, tur pi eget feugiat venenatis, diam turpis euismod, nisl...</p>
					<div class="ln-date">September 4th, 2009</div>                    
                </li>                                         
            </ul>            
        </div>
        
        <div class="newsletter"><!-- newsletter section -->
			<h3>Sign up for Newsletter</h3>
            <form action="#" method="post">
            	<fieldset class="newsletter-fieldset">
                    <input type="text" class="newsletter-input" value="Your email address" name="newsletter" />
                    <input type="submit" value="" class="input-arrow" />
                </fieldset>
            </form>
            <p>We will keep you up to date with news, events and other great features.</p>
        </div>
    	
        <div class="brochure"><!-- brochure section -->
        	<a href="#"><img src="img/pdf_icon.png" width="43" height="53" alt="" /></a>
            <div class="brochure-title">
                <h3>Media Consult brochure</h3>
                <p class="header-desc">Download our PDF brochure</p>
            </div>            
        </div>
        
        <div class="tabular-block"><!-- tabs section -->
            <h3>Some tabular information</h3>
            
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">Tab 1</a></li>
                    <li><a href="#tabs-2">Tab 2</a></li>
                    <li><a href="#tabs-3">Tab 3</a></li>
                </ul>
                <div id="tabs-1">
                    <h4>Tab 1 title could make it here</h4>
                    <p>
                        Mea eu brute decore veritus, usu altera interesset sadipscing id, soluta oblique num quam et vel. 
                        His mollis aperiri voluptaria id, te usu invidunt assentior. 
                    </p>
                    <p>
                        Sea veri dolorem in. Nam at consulatu referrentur, ferri commune quaestio vis an.
                    </p>
                </div>
                <div id="tabs-2">
                    <h4>Tab 2 title goes here</h4>
                    <p>
                        Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. 
                        Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
                    </p>
                </div>
                <div id="tabs-3">
                    <h4>Tab 3 title</h4>
                    <p>
                        Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, 
                        sagittis et, consequat vestibulum, lacus. Etiam appetere sensibus no per, stet periculis philosophia mei in,
                        nisl nostro at pro. Vis noster quodsi urbanitas ea, solum harum expetenda pri in.
                    </p>
                </div>
            </div>   
        </div>         
    </div>  
    <div id="footer">
    	<ul>
        	<li><a href="homepage.html">Home</a></li>
        	<li><a href="about_us.html">About Us</a></li>
        	<li><a href="services.html">Services</a></li>
        	<li><a href="portfolio.html">Case Studies</a></li>
        	<li><a href="news_list.html">News</a></li>
        	<li><a href="contact.php">Contact</a></li>                                                            
        </ul>
        <div class="copyright">&copy; 2009 <a href="#">Media Consult</a>. All rights reserved.</div>
    </div>  
</div>

<script type="text/javascript">
$(document).ready(function(){					   
	$(".ln-list li").click(function(){//makes entire area "ln-list li" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});
	
	$(".brochure").click(function(){//makes entire area "brochure" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});	
	
});
	$(function(){	
		$('#tabs').tabs();
	});	
</script>
</body>
</html>
